*{
	margin:0;
	padding:0;
}
html,body{
    font-size: 100%;
	height:100%;
  	color: rgb(70, 142, 113);
}
body{
	font-family:"microsoft yahei";
}
p {
    word-wrap: break-word;
}
.swiper-container {
  /*  width: 320px;
    height: 480px;*/
	width: 100%;
    height: 100%;
	background:#fff;
}  
.swiper-slide{
}
.swiper-slide{
	width:100%;
	height:100%;
	background-size:100% 100%;
}
img{
	display:block;
}
.swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
.parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 140%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.inputname,
.input {
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
    font-size: 1.2rem;
	width: 160px;
	height: 32px;
	margin-top: 5%;
}
.inputname {
	width: 90px;
	margin-top: 2%;
}
.txt {
    font-size: 1.1rem;
}
.smalltxt {
    font-size: 1rem;
    text-align: justify;
}
.important {
    display: inline-block;
    font-size: 1.5rem;
    color:rgb(251, 32, 97);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}
div.comment {
	margin-top: 30%;
    display:inline-block;
}
div.ok {
	margin-top: 15%;
    display:inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 50px;
	height: 30px;
	line-height: 30px;
}
div.ingroup {
    width: 80%;
    left: 10%;
    top: 50%;
  	color: rgb(100, 192, 153);
}
div.congratulations {
    opacity: 0;
    font-size: 1.5rem;
    margin-top: 20%;
}
div.link {
    margin-top: 40%;
    opacity: 0;
}
.detail {
    font-weight: bold;
  	color: rgb(70, 142, 113);
}
.info {
    width:100%;
    text-align:center;
}
@-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}
@-webkit-keyframes show{
    0%{opacity:0}
    50%{opacity:.5}
    100%{opacity:1}
}
.ani{
	position:absolute;
}
.title {
    font-size: 1.2rem;
    font-weight: bold;
}
#array{
	position:absolute;z-index:999;-webkit-animation: tipmove 1.5s infinite ease-in-out;
}
.slowFadeIn {
    -webkit-animation: show .8s ease-in-out forwards;
}
.parallax-bg,
.swiper-wrapper {
    opacity: 0;
}
.loading {
    text-align:center;
    line-height: 200px;
}
.none {
    display: none;
}
.qrcode {
    display: inline;
    margin-top: 10%;
    width:160px;
    height:160px;
}
